<template>
  <div id="app">
    <el-container>
      <el-header>
        <!-- 头部 -->
        <Header> </Header>
      </el-header>
      <el-container>
        
          <!-- 侧边栏 -->
         <el-aside width="320px">
           <Aside></Aside>
         </el-aside>
         <!-- 主体区域 -->
          <el-main>
            <!-- 主体 -->
            <!-- v-bind:data="tableData" v-bind:total="total" -->
            <Home :tableData="tables"></Home>
          </el-main>
    
      </el-container>
    </el-container>

    <router-view style="flex: 1" />
  </div>
</template>

<script>
// 导入子组件
// import Header from "../components/header.vue";
// import Home from "./Home.vue";
import Aside from './components/aside.vue';



export default {
  name: "Main",
  // 注册组件
  components: {
    Header,
    Home,
    Aside,
  },
  data() {
    var tableData = new Array();
    for (let i = 0; i < 20; i++) {
      tableData.push({
        id:i+1,
        username:"2",
        nickName:"3",
        password:"aaa",
        age:13,
        sex:"男",
        address: "上海市普陀区金沙江路 1518 弄",
      });
    }
    return {
      // 返回数据
      tables: tableData,
      total: 20,
    };

  },
};
</script>

<style scoped>
.el-table--scrollable-y ::-webkit-scrollbar {
  display: none;
}
</style>>


